<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>About layering data in dashboards: Panels and panel stacks</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
p.whs2 { margin-left:40px; }
img_whs3 { border:none; border-style:none; width:262px; height:142px; float:none; }
img_whs4 { border:none; width:279px; height:31px; float:none; border-style:none; }
p.whs5 { font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nDesigning dynamic enterprise dashboards\nLayering data in dashboards: Panels and panel stacks\nAbout layering data in dashboards: Panels and panel stacks");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>About layering data in dashboards: Panels and panel stacks</h1>
<p>You can display different controls (that is, objects that can be placed 
 on a document, such as Grid/Graphs, text fields, shapes, and so on) in 
 a dashboard or document so that users can navigate them as if they were 
 pages or subsets of the larger document. These pages or layers of data 
 are called panels, and a group of panels is referred to as a panel stack. 
 Panel stacks allow a designer to create several different views (panels) 
 of data, with each view (panel) containing a logical grouping of controls 
 that display data that is related in a meaningful way.</p>
<p>Panels are essential building blocks for interactive dashboards, which 
 summarize key business indicators in easy-to-read interfaces.</p>
<p>Use panel stacks to provide interactive data layering. You can create:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Stacks of analytic layers on a single dashboard page</p></li>
	
<li class=p><p>Multiple layers of dashboards</p></li>
</ul>
<p>For examples and images of these types of dashboards, see the <span 
 style="font-style: italic;"><I>MicroStrategy Report Services Document Creation 
 Guide</I></span>.</p>
<h2>Panel stacks and automatic target maintenance for selectors</h2>
<p>
<a href="Selectors.htm">Selectors</a> allow a user to display different 
 metrics or different elements of attributes, custom groups, or consolidations 
 in a Grid/Graph (the target of the selector). Targets can be automatically 
 maintained in a layout. This means that when you add a Grid/Graph, the 
 Grid/Graph is the target of all selectors in the same panel or document 
 section as the Grid/Graph. For more information about automatically maintaining 
 targets for selectors, including instructions to enable and disable the 
 functionality, see 
<a href="Automatically_maintaining_targets_for_selectors.htm">Automatically 
 maintaining targets for selectors</a>.</p>
<p><span style="font-weight: bold;"><B>Note: </B></span><span>Selectors can also 
 allow a user to flip through the panels in a panel stack. Targets are 
 not automatically maintained for this type of selector; you always manually 
 define the targets for panel selectors.</span></p>
<h2>Panel stack example </h2>
<p>The image below shows an example of a panel stack during the design 
 process (in Editable Mode). The current panel contains a gauge graph report. 
 The panel consists of the report itself, a title bar, and a text field 
 at the bottom that displays the total Revenue. </p>
<p>Since the panel stack is in Editable Mode, a floating toolbar is displayed 
 above the panel. From the toolbar, a document designer can move the entire 
 panel stack, switch from one panel to the next to format or add objects, 
 create new panels, delete panels, and re-order the panels. For information 
 about the floating toolbar, see 
<a href="Accessing_the_Panel_Stack_floating_toolbar.htm">Accessing 
 the Panel Stack floating toolbar</a>.<br>
&nbsp;</p>
<p class="whs2"><img src="images/panelstack_withselectorandGG.gif" x-maintain-ratio="TRUE" width="262px" height="142px" border="0" class="img_whs3"></p>
<p>&nbsp;</p>
<p>The Button style selector above the panel lets analysts determine which 
 panel is displayed in the document.</p>
<p class="whs2"><img src="images/panel_stack_selector.gif" x-maintain-ratio="TRUE" width="279px" height="31px" border="0" class="img_whs4"><br>
&nbsp;</p>
<p>&nbsp;When an analyst clicks the Corporate button, 
 the first panel (shown above) is displayed. When an analyst clicks the 
 Regional button, the second panel in the panel stack is displayed, showing 
 a more regional view of revenue data. For steps to add a selector for 
 a panel stack, see 
<a HREF="Create_selector_for_panel_stack.htm">Creating 
 a selector for a panel stack</a>.</p>
<h2>Defining the parts of a panel stack</h2>
<p>The panel stack is the holder for a group of panels. You must add a 
 panel stack before you can insert more panels (a new panel stack already 
 contains one panel). The panels contain the controls (Grid/Graphs, text 
 fields, and so on) that display the data, such as metrics and graphs, 
 that a user sees. </p>
<p>The border of the panel stack is visible to the user. The border properties 
 include 
<a href="Apply_3D_effects.htm">3D borders</a>, drop shadows, and 
 rounded corners (displayed in Flash Mode only), as well as standard border 
 options such as color and style. The background color comes from the individual 
 panel; you can format each panel to have a different background color. 
 </p>
<p>Most of the properties that control a group of panels are set in the 
 panel stack. These properties include whether a title bar or pop-up text 
 is displayed, as well as size and position information. </p>
<p>The<span style="font-weight: bold;"><B> title bar</B></span>, when displayed, 
 is an area across the top of the panels that shows the title. You can 
 choose whether the title bar displays the name of the panel stack or of 
 the panel currently being displayed. </p>
<p>The <span style="font-weight: bold;"><B>current panel</B></span> is the panel 
 currently displayed in Design Mode. This panel is displayed on the panel 
 stack when the document is viewed by the analyst.</p>
<p>Add a <span style="font-weight: bold;"><B>selector</B></span>, such as a radio 
 button or pull-down list, to allow users to display the different panels 
 of a panel stack.</p>
<ul type="disc" class="whs1">
	
<li class=p><p>When a user switches to View Mode, whichever panel was 
 current becomes the only panel displayed, as well as the only panel that 
 can be printed. The user cannot change to a different panel in View Mode. 
 </p></li>
	
<li class=p><p>In Interactive Mode, Editable Mode, and Flash Mode, 
 a user can click the selector to switch panels. </p></li>
</ul>
<p>A selector is not part of a panel stack, unlike the other items described 
 above. A selector is a different type of control and is added to the document 
 separately. The title bar, for instance, is an area of the panel stack, 
 and each panel is contained in the panel stack. However, a selector is 
 an important and necessary addition to a panel stack because a selector 
 allows the user to switch panels. </p>
<p>&nbsp;</p>
<p class="whs5">Related topics</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a HREF="Insert_panel_stack_into_document.htm">Inserting 
 a panel stack into a document</a></p></li>
	
<li class=p><p>
<a HREF="Add_panels_to_panel_stack.htm">Adding panels 
 to a panel stack</a></p></li>
	
<li class=p><p>
<a HREF="Rename_a_panel.htm">Renaming a panel or changing 
 display order in a panel stack</a></p></li>
	
<li class=p><p>
<a HREF="Delete_a_panel.htm">Deleting a panel from a 
 panel stack</a></p></li>
	
<li class=p><p>
<a HREF="Display_title_bars_in_panels.htm">Displaying 
 title bars in panel stacks</a></p></li>
	
<li class=p><p>
<a HREF="Formatting_panels.htm">Formatting panels and 
 panel stacks</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
